<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<title>VEND MACHINE</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/skytef.css" />
</h:head>

<h:body>
<ui:include src="/jsp/WEB/header.xhtml" />
	
	<div class="central">
		<h:form id="form" style="padding-top: 80px">


			<p:panel id="localizar" header="Localizar Usuário"
				style="margin-left:30px;margin-right:30px">
				<p:messages id="messages" showDetail="true" autoUpdate="true"
					closable="true" />
				<p:panelGrid id="gridUsuarios" columns="5" style="border:0px">
					<p:selectOneMenu style="font-size: 14px;"
						value="#{CadUsuarioBean.tpConsulta}">
						<f:selectItem itemLabel="Todos" noSelectionOption="false"
							itemValue="1" />
						<f:selectItem itemLabel="Nome" itemValue="2" />
					</p:selectOneMenu>

					<p:inputText id="nomes" value="#{CadUsuarioBean.textoConsulta}" />
					<p:commandButton id="searchButton" image="ui-icon-search"
						update="@form" ajax="false" title="Consultar Usuários"
						actionListener="#{CadUsuarioBean.consultarUsuario}" />
				</p:panelGrid>


				<p:dataTable id="tabelaUsu" value="#{CadUsuarioBean.listaUsuario}"
					var="usuario" rowIndexVar="rowIndex"
					emptyMessage="Nenhum registro encontrado"
					style="margin-top:80px; position: auto" paginator="true" rows="50">
					<p:column style=" font-size: 10px; width: 97px;" sortBy="name">
						<f:facet name="header">Nome</f:facet>
						<h:outputText value="#{usuario.name}" />
					</p:column>
					<p:column style=" font-size: 10px; width: 97px" sortBy="post">
						<f:facet name="header">Cargo</f:facet>
						<h:outputText value="#{usuario.post}" />
					</p:column>
					<p:column style=" font-size: 10px; width: 97px" sortBy="login">
						<f:facet name="header">Login</f:facet>
						<h:outputText value="#{usuario.login}" />
					</p:column>
					<p:column style=" font-size: 10px; width: 50px">
						<f:facet name="header">Senha</f:facet>
						<h:outputText value="#{usuario.password}" />
					</p:column>

					<p:column style=" font-size: 10px; width: 50px">
						<f:facet name="header">Ativo</f:facet>
						<h:outputText value="#{usuario.active}" />
					</p:column>

					<p:column style=" font-size: 10px; width: 10px">

						<p:commandButton id="selectButtons" image="ui-icon-plus"
							action="#{CadUsuarioBean.selecionaUsuario}" update=":form1"
							oncomplete="PF('usuarioDialog').show()" title="Detalhar usuário">
							<f:setPropertyActionListener value="#{usuario}"
								target="#{CadUsuarioBean.usuario}" />
						</p:commandButton>

					</p:column>
				</p:dataTable>
			</p:panel>

		</h:form>
		<h:form id="form1">
			<p:dialog id="usuarioDlg" widgetVar="usuarioDialog" resizable="false"
				showEffect="fade" hideEffect="explode" modal="true"
				header="Informações de Usuário">

				<p:panelGrid columns="2" cellpadding="4" style="border: 0px;">
					<h:outputText value="Nome: " styleClass="dlgTitulo" />
					<h:inputText value="#{CadUsuarioBean.usuario.name}"
						style="width:50%" />

					<h:outputText value="Cargo: " styleClass="dlgTitulo" />
					<h:inputText value="#{CadUsuarioBean.usuario.post}"
						style="width:100px" />

					<h:outputText value="Login: " styleClass="dlgTitulo" />
					<h:inputText value="#{CadUsuarioBean.usuario.login}"
						style="width:100px" />

					<h:outputText value="Senha: " styleClass="dlgTitulo" />
					<h:inputText value="#{CadUsuarioBean.usuario.password}"
						style="width:100px" />

					<h:outputText value="Status de cadastro: " styleClass="dlgTitulo" />
					<p:selectOneMenu id="status" styleClass="dlgTitulo"
						value="#{CadUsuarioBean.usuario.active}">
						<f:selectItem itemLabel="Ativo" itemValue="true" />
						<f:selectItem itemLabel="Inativo" itemValue="false" />
					</p:selectOneMenu>
				</p:panelGrid>
				<p:commandButton id="updateButton" value="Atualizar" update="@all"
					ajax="false" actionListener="#{CadUsuarioBean.atualizarUsuario}" />
				<p:commandButton id="deleteButton" value="Deletar" update="@all"
					ajax="false" actionListener="#{CadUsuarioBean.deletarUsuario}" />
			</p:dialog>
		</h:form>

		<p:panel id="cr"
			style="background: transparent; border: 0px;margin-top:10%">
			<ui:include src="#{DashboardBean.currentRodape}" />
		</p:panel>
	</div>
	<div>
		<p:panel id="cm" style="background: transparent; border: 0px;margin-top:-7.0%">
			<ui:include src="#{DashboardBean.currentMenu}" />
		</p:panel>
	</div>

</h:body>
</html>